@charset "utf-8";
html,body { height: 100%; }
#container { width: 1000px; margin: 0 auto; }
.header {
	overflow: hidden;
	padding-bottom: 2px;
}

#panel{
    /* position:absolute; */
    margin-left:-433px;
    left:50%;
	background-color:#FFF;
	width:827px;
	min-height:100%;
	padding:10px 20px;
	text-align:left;
	-moz-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000;
    -webkit-box-shadow: 0px 0px 3px #000;
}

.logo { 
	background: url(../images/logo.gif) no-repeat right bottom;
	padding-top: 10px;
	padding-left:  10px;
	margin-bottom: 10px;
	width: 200px;
	height: 100px;
	float:left; 
}
.header-right { float:right; width: 650px; }
#topmenu li, .user-menu li { 
	float:left; 
    color: #008CB6;
	padding:4px 10px 0 5px;
	font-size:10px;
}
#topmenu .item-776{
	background: url(../images/top-spacer.gif) right center no-repeat;
}
#topmenu li:last-child , .user-menu li:last-child {
	background:none;
}

/* Top Navigation - Deed Menu */
div.top-nav {
	float: right;
	display: block;
	height: 28px;
	margin-bottom: 10px;
}

div.header-inf {
	float: right;
	display: block;
	height: 50px;
	margin-bottom: 5px;
}


.slide-banner{
	<!-- position:absolute; -->
	margin-left:-433px;
	left:50%;
	background-color:#FFF;
	width:950px;
	min-height:100%;
	padding:15px 60px;
	text-align:left;

	}

a:link {color:#000000;text-decoration: none;
        transition: all 0.2s linear 0s;
        -moz-transition:all 0.2s linear 0s;
        -webkit-transition:all 0.2s linear 0s;
        -o-transition:all 0.2s linear 0s;
        outline:none!important;
}
a:visited {color: #000000;text-decoration: none;}
a:active {color: #000000;text-decoration: none;}
a:hover {color: #004CFF;text-decoration:none;}

.top-nav ul { clear: both; zoom: 1;}
.top-nav li a:hover { text-decoration: none;color:#009DFF;}

#footer .footer-container  ul {margin:0;list-style-type:none;}
#footer .footer-container h4 {margin-bottom:10px; font-size:11px;color:#555555;line-height:14px;}
#footer .footer-container a {color:#777;text-decoration:none;font-size:12px;}
#footer .footer-container a:hover {color:#009DFF;}	
	
#footer {
  
  background-color:#F7F7F5;
  background-image:url(../images/footer-bg.png);
  background-position:initial initial;
  background-repeat:repeat no-repeat;
  display:block;
  height:300;
  margin:0 auto;
  overflow:hidden;
  width:980px;
}


#footer .footer-container {
  border-top-color:#E7E7E7;
  border-top-style:solid;
  border-top-width:1px;
  display:block;
  float:left;
  margin-top:10px;
  overflow:hidden;
  padding:20px;
}
#footer .footer-container .footer-submenus {
  display:block;
  float:left;
  overflow:hidden;
  width:620px;
}

#footer .footer-container .footer-submenus .service {
  margin-left:40px;

}

#footer .footer-container .footer-submenus .service, #footer .footer-container .footer-submenus .about-company {
  float:left;
  margin-right:40px;

}




#footer .footer-container .footer-submenus .about-company {
    border-left: 1px solid rgb(231, 231, 231);
	float: left;

    padding-left: 20px;
}

#footer .footer-container .footer-submenus .help {
    border-left: 1px solid rgb(231, 231, 231);
	float: left;

    padding-left: 20px;
}

#footer .footer-container .contact-jms {
  border-left-color:#E7E7E7;
  border-left-style:solid;
  border-left-width:1px;
  float:left;

  padding-left:20px;
}


#footer .footer-bottom-bar {
  border-top-color:#E7E7E7;
  border-top-style:solid;
  border-top-width:1px;
  float:left;
  padding-top:20px;
  width:100%;
  margin-top:20px;
}

#footer .footer-bottom-bar .menu-bar {
  display:block;
  overflow:hidden;
  width:100%;
  text-shadow: 0px 1px 0px rgb(255, 255, 255);
  
}

#footer .footer-bottom-bar .bottom-bar {
  color:#AEB4AC;
  font-size:11px;
  margin-left:10px;
  text-shadow: 0px 1px 0px rgb(255, 255, 255);
}

#footer .footer-container .contact {
    font-size:11px;
}
#footer .footer-bottom-bar .bottom-bar .left-bar {
    float: left;
}

#footer .footer-bottom-bar .bottom-bar .right-bar {
    float: right;
}



#footer {
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}



.slide-banner{
	<!-- position:absolute; -->
	margin-left:-433px;
	left:50%;
	background-color:#FFF;
	width:950px;
	min-height:100%;
	padding:15px 60px;
	text-align:left;

	}

a:link {color:#000000;text-decoration: none;
        transition: all 0.2s linear 0s;
        -moz-transition:all 0.2s linear 0s;
        -webkit-transition:all 0.2s linear 0s;
        -o-transition:all 0.2s linear 0s;
        outline:none!important;
}
a:visited {color: #000000;text-decoration: none;}
a:active {color: #000000;text-decoration: none;}
a:hover {color: #004CFF;text-decoration:none;}

.top-nav ul { clear: both; zoom: 1;}
.top-nav li a:hover { text-decoration: none;color:#009DFF;}

#footer .footer-container  ul {margin:0;list-style-type:none;}
#footer .footer-container h4 {margin-bottom:10px; font-size:11px;color:#555555;line-height:14px;}
#footer .footer-container a {color:#777;text-decoration:none;font-size:12px;}
#footer .footer-container a:hover {color:#009DFF;}	
	

	
	
.slide-banner{
	<!-- position:absolute; -->
	margin-left:-433px;
	left:50%;
	background-color:#FFF;
	width:950px;
	min-height:100%;
	padding:15px 60px;
	text-align:left;

	}

a:link {color:#000000;text-decoration: none;
        transition: all 0.2s linear 0s;
        -moz-transition:all 0.2s linear 0s;
        -webkit-transition:all 0.2s linear 0s;
        -o-transition:all 0.2s linear 0s;
        outline:none!important;
}


.validate_wizard-buttons {
	padding-bottom: 60px;
	padding-top: 20px;
}

.validate_wizard-buttons a:link {color: white;text-decoration: none;}
.validate_wizard-buttons a:visited {color: #white;text-decoration: none;}
.validate_wizard-buttons a:active {color: #white;text-decoration: none;}
.validate_wizard-buttons a:hover {color: #004CFF;text-decoration:none;}

.button-next, .finish {
    float: right;
}

a:visited {color: #000000;text-decoration: none;}
a:active {color: #000000;text-decoration: none;}
a:hover {color: #004CFF;text-decoration:none;}

.top-nav ul { clear: both; zoom: 1;}
.top-nav li a:hover { text-decoration: none;color:#009DFF;}

#footer .footer-container  ul {margin:0;list-style-type:none;}
#footer .footer-container h4 {margin-bottom:10px; font-size:11px;color:#555555;line-height:14px;}
#footer .footer-container a {color:#777;text-decoration:none;font-size:12px;}
#footer .footer-container a:hover {color:#009DFF;}	
	


.list_result {
    padding-top: 32px;
	margin: 0 0 9px 25px;
}

.list_result li {
    border-top: 1px solid #F0F0F0;
    clear: both;
    height: 130px;
    overflow: hidden;
	border-bottom: 1px solid #F0F0F0;
}

.list_result .li-payment{
    border-top: 1px solid #F0F0F0;
    clear: both;
    height: 150px;
    overflow: hidden;
    width: 978px;
	border-bottom: 1px solid #F0F0F0;
}


.list_result .li-container{
    border-top: 1px solid #F0F0F0;
    clear: both;
    height: 100px;
    overflow: hidden;
    width: 978px;
	border-bottom: 1px solid #F0F0F0;
}


.list_result .li-recipient{
    border-top: 1px solid #F0F0F0;
    clear: both;
    height: px;
    overflow: hidden;
    width: 978px;
	border-bottom: 1px solid #F0F0F0;
}

.list_result .car_order {
    float: left;
}

.list_result .car_order .check {
    float: left;
    width: 45px;
}


.list_result .car_order .check .lab_check {
    display: block;
    margin: 59px 0 0 17px;
    overflow: hidden;
    padding: 0;
}

.list_result .car_order .thumb {
    float: left;
    padding-top: 8px;
    width: 120px;
}

.list_result .car_order .thumb img {
    display: block;
}

.list_result .car_order .thumb .status {
    text-align: center;
}


.list_result .car_order .thumb .ico_model {
    display: inline-block;
    margin: 0 auto;
}


.list_result .car_order .thumb .ico_model .ico_comm {
    display: block;
    float: left;
    height: 14px;
    text-indent: -999em;
    width: 31px;
}
.list_result .car_order .thumb .ico_marketing {
    background-position: 0 -650px;
}

.list_result .car_order .car_info {
    float: left;
    padding: 10px 0 0 24px;
    width: 230px;
}



.list_result .car_order .car_info .car_name a {
    color: #18429C;
    font-size: 14px;
    text-decoration: none;
}


.list_result .car_order .car_info .car_info1 {
    margin-top: 8px;
    width: 170px;
}

.list_result .car_order .car_info .car_info1 dt {
    clear: both;
    color: #8A8A8A;
    float: left;
    font-size: 11px;
    height: 18px;
    line-height: 16px;
    width: 130px;
}


.list_result .car_order .car_info .car_info1 dd {
    float: right;
    height: 18px;
    line-height: 16px;
	font-size: 11px;
    width:30px;
}


.list_result .car_order .car_info .car_info2 {
    margin-top: 8px;
    width: 250px;
}

.list_result .car_order .car_info .car_info2 dt {
    clear: both;
    color: #8A8A8A;
    float: left;
    font-size: 11px;
    height: 18px;
    line-height: 16px;
    width: 100px;
}


.list_result .car_order .car_info .car_info2 dd {
    float: right;
    height: 18px;
    line-height: 16px;
	font-size: 11px;
    width:140px;
}

.list_result .car_order .car_info .car_info3 {
    margin-top: 8px;
    width: 430px;
}

.list_result .car_order .car_info .car_info3 dt {
    clear: both;
    color: #8A8A8A;
    float: left;
    font-size: 11px;
    height: 18px;
    line-height: 16px;
    width: 320px;
}


.list_result .car_order .car_info .car_info3 dd {
    float: right;
    height: 18px;
    line-height: 16px;
	font-size: 11px;
    width:70px;
}


button.action, .button.action {
    background: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 transparent;
    border: 1px solid #D8D8D8 !important;
    transition: border 0.2s ease 0s;
}


.list_result .car_order_action {
	float: left;
    padding: 10px 0 0 24px;
    width: 286px;
}
.list_result .car_order_action .action {
    color: #666666;
    float: left;
    margin: 56px 0 0;
    text-align: center;
    width: 80px;
}

.list_cargo li {
    clear: both;
    overflow: hidden;
}

.list_cargo .cargo_order .thumb {
    float: left;
    padding-top: 8px;
    width: 120px;
}

.list_cargo .cargo_order .cargo_info {
    float: left;
    padding: 10px 0 0 24px;
    width: 230px;
}


.list_cargo .car_order .cargo_info .cargo_info1 {
    margin-top: 8px;
    width: 170px;
}

.list_cargo .car_order .cargo_info .cargo_info1 dt {
    clear: both;
    color: #8A8A8A;
    float: left;
    font-size: 11px;
    height: 18px;
    line-height: 16px;
    width: 130px;
}


.list_cargo .cargo_order .cargo_info .cargo_info1 dd {
 
    height: 18px;
    line-height: 16px;
	font-size: 11px;
    width:30px;
}

.list_cargo .li-payment{  
    clear: both;
    overflow: hidden;
    width: 978px;

}
.sepV_a {
    margin-right: 5px;
}



.order-process-status {
    float: left;
    height: 55px;
    margin-bottom: 18px;
    width: 1020px;
}
 .step-by-step {
    display: block;
    float: left;
    overflow: hidden;
}


.order-process-status .step-by-step .process-line {
    background: url("http://bidmongol.mn/css/template/assets/process-line.png") repeat-x scroll 0 0 transparent;
    display: block;
    height: 11px;
    margin: 8px 30px 2px;
    overflow: hidden;
    width: 600px;
}


.order-process-status .step-by-step ul {
    display: block;
    float: left;
    list-style: none outside none;
    margin: -11px 0 0;
    overflow: hidden;
    padding: 0;
}



.order-process-status .step-by-step ul li.first {
    margin-left: 0;
}
.order-process-status .step-by-step ul li.active {
    background: url("http://bidmongol.mn/css/template/assets/step-by-step-active.png") no-repeat scroll center top transparent;
}
.order-process-status .step-by-step ul li {
    background: url("http://bidmongol.mn/css/template/assets/step-by-step.png") no-repeat scroll center top transparent;
    float: left;
    margin-left: 50px;
    padding-top: 12px;
}
.first {
    margin-left: 0;
    padding-left: 0;
}


element.style {
    margin-left: 55px;
}


.thumbnail {
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    display: block;
    line-height: 1;
    padding: 4px;
}


.fileupload .fileupload-preview {
    vertical-align: middle;
}
.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
    display: none;
}
.fileupload .thumbnail {
    display: inline-block;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}


.fileupload .btn {
    vertical-align: middle;
}
.btn.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}


.btn.btn-file > input[type="file"] {
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.row-fluid input[class*="span"], .row-fluid textarea[class*="span"], .row-fluid select[class*="span"] {
    display: inline-block;
}


textarea {
    resize: none;
}
textarea, input {
    outline: medium none;
}

